<template>
  <!-- 卡片 -->
  <el-card class="box-card">
    <!-- 标题 -->
    <div slot="header" class="clearfix">
      <span>{{ title }}</span>
      <el-button
        v-if="url"
        class="qf-r qf-create-btn"
        type="primary"
        round
        @click="jump(url)"
        >{{ btnTitle }}</el-button
      >
    </div>
    <!-- 标题 end -->

    <!-- 内容 -->
    <slot></slot>
    <!-- 内容 end -->
  </el-card>
  <!-- 卡片 -->
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      require: true
    },
    url: {
      type: String,
      require: true
    },
    btnTitle: {
      type: String
    }
  }
};
</script>

<style></style>
